/*

Ionize Content CSS Addon to Mocha

Copyright:
	Copyright (c) 2009/2010 Ionize Dev Team.
	
License:
	MIT-style license.

*/


/* Structure
---------------------------------------------------------------- */

/* Correct the standard .pad class from Mocha 
   so the #sidecolumn doesn't superimpose on #maincolumn
*/
#mainPanel {
	overflow-x: hidden;
}
.pad-maincolumn .pad {
	min-width:800px;
}

#sidecolumn {
	min-height:500px;
	height:95%;
	overflow: auto;
	width:280px;
	margin-left:10px;
	padding:5px 10px 5px 15px;
	background-color: #f5f5f5;
	position:absolute;
	right:10px;
	z-index: 2;
}

#maincolumn {
	width: auto;
	min-width:480px;	
	overflow:auto;
	padding-right:10px;
	overflow: hidden;
}
#maincolumn.with-side {
	margin-right:315px;
}

#maincolumn a:hover {
	text-decoration:underline;
}

.tabsidecolumn{
	width: 30%;
	float:right;	
	min-height:300px;
	padding:5px 10px 5px 15px;
}
.tabcolumn{
	margin-right:35%;
	
}

/* Sidecolumn Elements
---------------------------------------------------------------- */
#sidecolumn.close {
	opacity:0;
	z-index: -1;
}

/* Infos */
#sidecolumn .info {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Options */
#sidecolumn .element form {
	margin-bottom:10px;
}
#options h3 {
	border-bottom: solid 1px #d5d9dc;
}

#options h4 {
	margin: 10px 0 10px 0;
}

/* Options togglers & elements */
.toggler, .toggler1, .toggler2, .toggler3 {
	color:#528CE0;
	cursor: pointer;
	padding: 0 0 2px 18px;
	background: url(../images/toggler-collapse-expand.png) no-repeat 0 0;
}
.toggler.expand,
.toggler1.expand,
.toggler2.expand,
.toggler3.expand {
	color: #41464D;
	background: url(../images/toggler-collapse-expand.png) no-repeat 0 -16px;
}

#sidecolumn .element table {
/*	margin-left: 15px !important;*/
}
#sidecolumn ul {
list-style: none;
}

/* Content Elements
---------------------------------------------------------------- */

/* Main panel titles */
#maincolumn h2, 
#maincolumn h3 {
	border-bottom: solid 1px #d5d9dc;
}
#maincolumn h2.main { 
	font-size:40px;
	color:#ddd;
	border-bottom:none;
	line-height:48px;
	max-height:96px;
	height:48px;
	padding-left:62px;
	overflow: hidden;
	margin-bottom: 20px;
}
#maincolumn h2.main.article { background: url(../images/icon_48_article.png) no-repeat 0 0; } 
#maincolumn h2.main.articles { background: url(../images/icon_48_articles.png) no-repeat 0 0; } 
#maincolumn h2.main.page { background: url(../images/icon_48_page.png) no-repeat 0 0; } 
.a {
	color:#098ED1;
}

/* Window content */
.mochaContent h3 {
	border-bottom: 1px solid #D5D9DC;
}

/* Elements list */
li a.offline { color: #666; }	
li.offline { opacity:0.7; }

/* Icons */
.icon { cursor: pointer; }
.drag {	cursor: move; }
.left {	float:left; }
.right { float: right; }

.icon,
.icon a {
	display:block;
	width: 16px;
	height: 16px;
}

.icon a.online, a.icon.online {	background: url(../images/icon_16_online.png) no-repeat 0 0; }
.icon a.offline, a.icon.offline {background: url(../images/icon_16_offline.png) no-repeat 0 0;}
.icon a.unlink, a.icon.unlink {background: url(../images/icon_16_unlink.png) no-repeat 0 0;}
.icon a.delete, a.icon.delete {background: url(../images/icon_16_delete.png) no-repeat 0 0;}
.icon a.article, a.icon.article {background: url(../images/icon_16_add_article.png) no-repeat 0 0;}
.icon a.unlink, a.icon.unlink {background: url(../images/icon_16_unlink.png) no-repeat 0 0;}
.icon a.drag, a.icon.drag {background: url(../images/icon_16_ordering.png) no-repeat 0 0;}
.icon a.duplicate, a.icon.duplicate {background: url(../images/icon_16_copy_article.gif) no-repeat 0 0;}
.icon a.clearfield, a.icon.clearfield {background: url(../images/icon_16_clear_field.png) no-repeat 0 0;}
.icon a.edit, a.icon.edit {background: url(../images/icon_16_edit.png) no-repeat 0 0;}
.icon a.edit_article, a.icon.edit_article {background: url(../images/icon_16_edit_article.png) no-repeat 0 0;}
.icon a.refresh, a.icon.refresh {background: url(../images/icon_16_refresh.png) no-repeat 0 0;}
.icon a.plus, a.icon.plus {background: url(../images/icon_16_plus.png) no-repeat 0 0;}
.icon a.add_page, a.icon.add_page {background: url(../images/icon_16_add_page.png) no-repeat 0 0;}
.icon a.type_edit, a.icon.type_edit {background: url(../images/icon_16_type_edit.png) no-repeat 0 0;}
.icon a.info, a.icon.info {background: url(../images/icon_16_info.png) no-repeat 0 0;}

/* Dragged pages / articles */
a.ondrag {
	padding: 3px;
	background-color: #fff;
	border: solid 1px #ccc;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}

/* Cursors */
.pointer { cursor: pointer;}
.hand { cursor: hand;}
.move { cursor: move;}

/* Side column & Content block 
 * Blocks are used with tabs to show tabbed content
 */
.block.small { padding-top:0px; }
.block { padding-top:5px; }

/* Pictures */
#pictureContainer {	margin: 0; }
.picture {
	float:left;
	margin:0 10px 10px 0;
	padding:4px;
	background-color: #f2f2f2;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.picture:hover {
	background-color: #dee6f0;
}


.picture .thumb,
.thumb{
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 4px;
}
.picture p.icons {
	font-size:9px;
	margin:2px 1px 0 !important;
	padding: 0 5px !important;
	text-align:left;
	height:16px;
}

/* Sortable List */
ul.sortable {
	position:inherit;
	margin:0;
	padding:0;
	overflow: hidden;
}
li.sortme {
	padding: 4px 8px;
	list-style:none;
	background-color:#fff;
	border-top: solid 1px #eee;	border-left: solid 1px #eee;
	border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;
	margin-bottom:1px;
	color:#333;
	overflow: hidden;
}
li.sortme:hover {
	background-color: #f2f2f2;
}
/* Parent list */
ul.parent_list li{
	height:18px;
	overflow: hidden;
}

/* Table as List */
table.list {
	border-collapse:collapse;
	margin:10px 0;
	width:100%;
}
table.list th {
	color:#36607D;
	font-weight:normal;
	padding:2px;
	border-bottom:1px solid #eee;
}
table.list th.right {
	float:none;
	text-align: right;
}
table.list tbody tr {
	border-bottom:1px solid #eee;
}
table.list tbody td {
	border-bottom:1px solid #eee;
	padding:2px;
	text-align:left;
	vertical-align:top;
}
table.list tbody tr.odd {background-color:#fcfbf5; }
table.list tbody tr.even {background-color:#fff; }
table.list .highlight { background-color: #f3f3f3; }

table.list tbody td.alert {
	background: url(../images/icon_16_alert.png) no-repeat 5px 3px;
}
/* Table list toggler */
table.list .toggler {
	height:18px;
	display:block;
}
table.list .toggler.expand {
	background: url(../images/toggler-collapse-expand.gif) no-repeat 0 -16px;
}


/* Table list content */
table.list div.content {
	clear:both;
	position:absolute;
	overflow:hidden;
	width:95%;
	margin-top: 10px;
	margin-left:18px;
}
table.list div.content div.text {
	padding-bottom: 20px;
	overflow: hidden;
}
table.list div.content div.text div.langcontent.dl{
	background:url(../images/bg_tab_default_lang.png) no-repeat top right;
}
table.list div.content div.text div.langcontent{
	border: solid 1px #fff;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	padding:10px;
	background-color: #f8f8f8;
}
table.list div.content .highlight {
	background-color: #df2;
}
table.list div.content > *{
	font-size: 11px;
	font-style: normal;
}
table.list div.content p{
	padding:3px 0 0 0;
}
table.list div.content ul{
	padding-left:20px;
}

/* divs links
---------------------------------------------------------------- */
div.highlight,
ul.highlight{ background-color:#f3f3f3;}

/* Windows Summary. Media edition window
---------------------------------------------------------------- */
div.summary {
	overflow:auto;
	background:#f2f2f2;
	padding:10px;
	margin-bottom:10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/* Pagination links
---------------------------------------------------------------- */
ul.pagination {
	margin      :0;
	padding     :0;
	list-style  :none;
	overflow: hidden;
}
ul.pagination li {
	margin      :0;
	padding     :0 0 2px 0;
	float       :left;
	list-style  :none;
}
ul.pagination li a {
	padding     :1px 3px 3px 3px;
	display     :block;
}
ul.pagination li a.currentPage {
	background  :#e4ebff; 
}

/* Term UL
---------------------------------------------------------------- */
ul.term {
	padding-top:4px;margin-bottom:1px;
	list-style: none;
}
ul.term li{
	overflow: hidden;
}
div.translation {
	margin-left:10px;
}

/* Mootools tooltips
---------------------------------------------------------------- */
.tooltip {
	padding:4px 6px;
	z-index: 2000;
	color: #bebebe;
	background: rgba(0, 0, 0, 0.8);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
}
.tooltip .tip{}
.tooltip .tip-top{}
.tooltip .tip-bottom{}

.tooltip .tip-title{ color:#fff; }
.tooltip .tip-text{
	font-weight: normal;
}


/* Dashboard icon
---------------------------------------------------------------- */
.dashboard-icon {
	float:left;
	margin:10px 10px 20px 10px;
	width:68px;
	text-align:center;
	cursor: pointer;
}

.dashboard-icon a, .dashboard-icon a:visited {
	color:#3f3f3f;
}
.dashboard-icon p{
	margin:0;
	padding:0;
	text-align:center;
}

/* TinyMCE Editor */
.mceEditor {
	width:100%;
	display:block;
}


/* Elements flags
---------------------------------------------------------------- */
label.flag {
	display:block;
	float:left;
	margin:0 2px 0 0;
	padding: 2px;
	height: 15px;
	width: 15px;
	text-align: center;
	border: solid 1px #f5f5f5;
	-webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;
	cursor: pointer;
}
label.flag.small {
	height: 12px;
	width: 12px;
}

label.flag input {
	cursor: pointer;	
}
label.flag1{	border-color: #be3620;background-color: #de9a8f;}
label.flag2{	border-color: #dd8700;background-color: #eec37f;}
label.flag3{	border-color: #e0cd00;background-color: #efe67f;}
label.flag4{	border-color: #87b302;background-color: #c3d980;}
label.flag5{	border-color: #9b0080;background-color: #cd7fbf;}

span.flag, .tree li span.flag {
	display:block;
	height:16px;
	float:left;
	margin:1px 0 0 0;
	padding:0;
}
.tree li span.flag {
	margin-right: 4px;
}
span.flag1, span.flag2, span.flag3, span.flag4, span.flag5
{ width:4px; margin-right: 4px;}
.flag.flag1 {background-color: #de9a8f;}
.flag.flag2 {background-color: #eec37f;}
.flag.flag3 {background-color: #efe67f;}
.flag.flag4 {background-color: #c3d980;}
.flag.flag5 {background-color: #cd7fbf;}


/* Side column link info
---------------------------------------------------------------- */
.link-img {
	height:18px;
	width:18px;
	background:transparent url(../images/mootree.gif) repeat scroll;
	background-position: -306px 50%;
	float:right;
	display:block;
}
.link-img.left {
	float:left;
}
dl#link_info dd {
	max-width:160px;
}
.link-img.external { 
	background-position: -288px 50%; 
	cursor: pointer;
}
.link-img.page { 
	background-position: -162px 50%; 
	cursor: pointer;
}
.link-img.article {	
	background-position: -180px 50%; 
	cursor: pointer;
}

/* Standard sizes, margin & padding
---------------------------------------------------------------- */

/* Standard Padding and Margin classes */
.p2 { padding: 2px; }
.pt2 { padding-top: 2px; }
.pl2 { padding-left: 2px; }
.pb2 { padding-bottom: 2px; }
.pr2 { padding-right: 2px; }

.p3 { padding: 3px; }
.pt3 { padding-top: 3px; }
.pl3 { padding-left: 3px; }
.pb3 { padding-bottom: 3px; }
.pr3 { padding-right: 3px; }

.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pl5 { padding-left: 5px; }
.pb5 { padding-bottom: 5px; }
.pr5 { padding-right: 5px; }

.p10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pl10 { padding-left: 10px; }
.pb10 { padding-bottom: 10px; }
.pr10 { padding-right: 10px; }

.p15 { padding: 15px; }
.pt15 { padding-top: 15px; }
.pl15 { padding-left: 15px; }
.pb15 { padding-bottom: 15px; }
.pr15 { padding-right: 15px; }

.p20 { padding: 20px; }
.pt20 { padding-top: 20px; }
.pl20 { padding-left: 20px; }
.pb20 { padding-bottom: 20px; }
.pr20 { padding-right: 20px; }

.p30 { padding: 30px; }
.pt30 { padding-top: 30px; }
.pl30 { padding-left: 30px; }
.pb30 { padding-bottom: 30px; }
.pr30 { padding-right: 30px; }

.m2 { margin: 2px; }
.mt2 { margin-top: 2px; }
.ml2 { margin-left: 2px; }
.mb2 { margin-bottom: 2px; }
.mr2 { margin-right: 2px; }

.m3 { margin: 3px; }
.mt3 { margin-top: 3px; }
.ml3 { margin-left: 3px; }
.mb3 { margin-bottom: 3px; }
.mr3 { margin-right: 3px; }

.m5 { margin: 5px; }
.mt5 { margin-top: 5px; }
.ml5 { margin-left: 5px; }
.mb5 { margin-bottom: 5px; }
.mr5 { margin-right: 5px; }

.m10 { margin: 10px; }
.mt10 { margin-top: 10px; }
.ml10 { margin-left: 10px; }
.mb10 { margin-bottom: 10px; }
.mr10 { margin-right: 10px; }

.m15 { margin: 15px; }
.mt15 { margin-top: 15px; }
.ml15 { margin-left: 15px; }
.mb15 { margin-bottom: 15px; }
.mr15 { margin-right: 15px; }

.m20 { margin: 20px; }
.mt20 { margin-top: 20px; }
.ml20 { margin-left: 20px; }
.mb20 { margin-bottom: 20px; }
.mr20 { margin-right: 20px; }

.m25 { margin: 25px; }
.mt25 { margin-top: 25px; }
.ml25 { margin-left: 25px; }
.mb25 { margin-bottom: 25px; }
.mr25 { margin-right: 25px; }

.m30 { margin: 30px; }
.mt30 { margin-top: 30px; }
.ml30 { margin-left: 30px; }
.mb30 { margin-bottom: 30px; }
.mr30 { margin-right: 30px; }

.m35 { margin: 35px; }
.mt35 { margin-top: 35px; }
.ml35 { margin-left: 35px; }
.mb35 { margin-bottom: 35px; }
.mr35 { margin-right: 35px; }

.m40 { margin: 40px; }
.mt40 { margin-top: 40px; }
.ml40 { margin-left: 40px; }
.mb40 { margin-bottom: 40px; }
.mr40 { margin-right: 40px; }

/** Standard sizes */
.w10 {	width:10px !important; }
.w20 {	width:20px !important; }
.w30 {	width:30px !important; }
.w40 {	width:40px !important; }
.w50 {	width:50px !important; }
.w60 {	width:60px !important; }
.w80 {	width:80px !important; }
.w100 {	width:100px !important; }
.w120 {	width:120px !important; }
.w140 {	width:140px !important; }
.w160 {	width:160px !important; }
.w180 {	width:180px !important; }
.w200 {	width:220px !important; }
.w220 {	width:220px !important; }
.w240 {	width:240px !important; }
.w260 {	width:260px !important; }
.w280 {	width:280px !important; }
.w300 {	width:300px !important; }
.w320 {	width:320px !important; }
.w340 {	width:340px !important; }
.w360 {	width:360px !important; }
.w380 {	width:380px !important; }
.w400 {	width:400px !important; }
.w500 {	width:500px !important; }
.w600 {	width:600px !important; }

.h10 {	height:10px !important; }
.h15 {	height:15px !important; }
.h18 {	height:18px !important; }
.h20 {	height:20px !important; }
.h30 {	height:30px !important; }
.h40 {	height:40px !important; }
.h50 {	height:50px !important; }
.h60 {	height:60px !important; }
.h80 {	height:80px !important; }
.h100 {	height:100px !important; }
.h120 {	height:120px !important; }
.h140 {	height:140px !important; }
.h160 {	height:160px !important; }
.h180 {	height:180px !important; }
.h200 {	height:220px !important; }
.h220 {	height:220px !important; }
.h240 {	height:240px !important; }
.h260 {	height:260px !important; }
.h280 {	height:280px !important; }
.h300 {	height:300px !important; }
.h320 {	height:320px !important; }
.h340 {	height:340px !important; }
.h360 {	height:360px !important; }
.h380 {	height:380px !important; }
.h400 {	height:400px !important; }



